<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,height=device-width ,user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <title>蒙牛</title>
    <link rel="stylesheet" href="mengniu.css">
    <script src="mengniu.js"></script>
</head>
<body>
<audio class="audio" id="bg-music" src="music.mp3" preload="auto"  autoplay></audio>
<div class="music">
    <p class="p1"><img src="music1.png" width="32px"></p>
    <p class="p2">没有音乐？点这儿 <img src="voice.png" height="30px"></p>
</div>
<div class="content">
    <div class="page page1">
        <div class="page_content page1_content">
            <div class="page1_img1"></div>
            <div class="page1_img2"></div>
            <div class="page1_img3"></div>
            <div class="page1_img4"></div>
        </div>
    </div>
    <div class="page page2">
        <div class="page_content page2_content">
            <div class="page2_img1"></div>
            <div class="page2_img2"></div>
            <div class="page2_img3"></div>
            <div class="page2_img4"></div>
            <div class="page2_img5"></div>
            <div class="page2_img6"></div>
            <div class="page2_img7"></div>
            <div class="page2_img8"></div>
        </div>
    </div>
    <div class="page page3">
        <div class="page_content page3_content">
            <div class="page3_img1"></div>
            <div class="page3_img2"></div>
            <div class="page3_img3"></div>
            <div class="page3_img4"></div>
            <div class="page3_img5"></div>
        </div>
    </div>
    <div class="page page4">
        <div class="page_content page4_content">
            <div class="page4_img1"></div>
            <div class="page4_img2"></div>
            <div class="page4_img3"></div>
            <div class="page4_img4"></div>
            <div class="page4_img5"></div>
            <div class="page4_img6"></div>
            <div class="page4_img7"></div>
        </div>
    </div>
    <div class="page page5">
        <div class="page_content page5_content">
            <div class="page5_img1"></div>
            <div class="page5_img2"></div>
            <div class="page5_img3"></div>
        </div>
    </div>
    <div class="page page6">
        <div class="page_content page6_content">
            <div class="page6_img0"></div>
            <div class="page6_img1"></div>
            <div class="page6_img2"></div>
            <div class="page6_img3"></div>
        </div>
    </div>
    <div class="page page7">
        <div class="page_content page7_content">
            <div class="page7_img1"></div>
            <div class="page7_img2"></div>
            <div class="page7_img3"></div>
            <div class="page7_img4"></div>
            <div class="page7_img5"></div>
            <div class="page7_img6"></div>
            <div class="page7_img7"></div>
            <div class="page7_img8"></div>
            <div class="page7_img9"></div>
            <div class="page7_img10"></div>
            <div class="page7_img11"></div>
        </div>
    </div>
    <div class="page page8">
        <div class="page_content page8_content">
            <div class="page8_img1"></div>
            <div class="page8_img2"></div>
            <div class="page8_img3"></div>
            <div class="page8_img4"></div>
            <div class="page8_img5"></div>
            <div class="page8_img6"></div>
        </div>
    </div>
</div>
</body>
</html>